* {
  padding: 0;
  margin: 0;
}

.big {
  width: 100vw;
  height: 100vh;
  background: url('../src/assets/imgs/bg-day.png') no-repeat;
}

.header {
  height: 200px;
  width: 100%;
  border: 1px solid #fff;
}

.child {
  width: 250px;
  height: 100px;
  margin-left: 1000px;
}

.light-theme {
  background: #fff;
}

.dark-theme {
  background: #000;
}

.img {
  width: 30px;
  height: 30px;
  background: url('../src/assets/imgs/day-model.svg') no-repeat;
}

.content {
  height: 960px;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.threeD {
  width: 1000px;
  height: 1000px;
  background: #000;
}

.vidio {
  width: 1500px;
  height: 800px;
}

.pp {
  background: url('../src/assets/imgs/border-day.png') no-repeat;
  background-size: cover;
}

.footer {
  height: 100px;
}
* {
  box-sizing: border-box;
 }
 html,
body,
 #root {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  user-select: none;
  overflow: hidden;

 }
 
 #root {
  overflow: auto;
 }
 body {
  position: fixed;
  overflow: hidden;
  overscroll-behavior-y: none;
  background: white;
 }